<?php
include_once('admin/php/includes/definer.php');
include_once(INC.'admin/php/bootstrap.php');
include_once(INC.'php/checkers/language.checker.php');
include_once(INC.'php/checkers/producto.checker.php');
?>
<!DOCTYPE html>
<!--[if IE 8]> 				 <html class="no-js lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->

    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width" />
        <title><?php echo($PRODUCTO->getTitulo($lg)); ?> | Tower Technology</title>

        <link rel="stylesheet" href="<?php echo(URL); ?>stylesheets/normalize.css" />
        <link rel="stylesheet" href="<?php echo(URL); ?>stylesheets/app.css" />
        <link rel="stylesheet" href="<?php echo(URL); ?>stylesheets/jquery.fancybox.css">
        <script src="<?php echo(URL); ?>admin/php/includes/definer.js" type="text/javascript"></script>
        <script src="<?php echo(URL); ?>javascripts/vendor/custom.modernizr.js"></script>
        <style>
            .foto-grande {position: absolute !important; display: none}
            .foto-grande:first-child {display: block}
        </style>

    </head>
    <body>
        <!-- BOTONERA -->
        <?php include_once 'tpl/nav.php'; ?>
        <?php include_once 'tpl/nav-mobile.php'; ?>
        <!-- FIN BOTONERA -->

        <section id="la-empresa">
            <div class="row">
                <div class="large-12 columns">
                    <div style="border: 1px solid #ddd;padding: 10px;">
                        <div class="row">
                            <div class="large-4 columns">
                                <div class="product-name">
                                    <p><span>Cod. <?php echo($PRODUCTO->codigo.'</span><br /> '.$PRODUCTO->getTitulo($lg)); ?></p>
                                </div>
                            </div>
                            <div class="large-8 columns">
                                <div class="product-icons right">
                                    <?php include_once('php/printers/etiquetas.printer.php'); ?>
                                </div>
                            </div>                        
                        </div>
                    </div>
                </div>
            </div>
            <div class="row" style="margin-top: 30px;">
                <div class="large-6 columns">
                    <div class="row foto-grande-wrapper">
                        <?php include_once('php/printers/galeria.printer.php'); ?>
                    </div>
                    <div class="row">
                        <?php include_once('php/printers/thumbnails.printer.php'); ?>
                    </div>
                </div>
                <div class="large-6 columns">
                    <div class="row">
                        <div class="large-12 columns">
                            <table style="height: 337px;width: 100%;">
                                <tbody>
                                    <?php include_once('php/printers/descripcion.printer.php'); ?>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="row">
                        <div class="large-12 columns">
                            <div class="product-sub-items" style="margin: 10px 0px;">
                                <?php include_once('php/printers/colores.printer.php'); ?>
                            </div>                            
                        </div>
                    </div>
                    <div class="row">
                        <?php include_once('php/printers/manualPrecio.printer.php'); ?>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="large-12 columns">
                    <hr />
                </div>
            </div>
            <div class="row">
                <div class="large-12 columns">
                    <p style="font-size: 1.14em;font-weight: bold;">Productos similares</p>
                </div>
            </div>
            <div class="row">
                <?php include_once('php/printers/similares.printer.php'); ?>
            </div>
        </section>

        <!-- FOOTER -->
        <?php include_once('tpl/footer.html'); ?>
        <!-- FIN FOOTER -->

        <script>
            document.write('<script src=' +
                    ('__proto__' in {} ? '<?php echo(URL); ?>javascripts/vendor/zepto' : '<?php echo(URL); ?>javascripts/vendor/jquery') +
                    '.js><\/script>')
        </script>

        <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.alerts.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.clearing.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.cookie.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.dropdown.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.forms.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.joyride.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.magellan.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.orbit.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.placeholder.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.reveal.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.section.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.tooltips.js"></script>

        <script src="<?php echo(URL); ?>javascripts/foundation/foundation.topbar.js"></script>

        <script src="<?php echo(URL); ?>javascripts/zoom/jquery.zoom.js"></script>
        
        <script src="<?php echo(URL); ?>javascripts/fancybox/jquery.fancybox.pack.js"></script>
        
        <script src="<?php echo(URL); ?>javascripts/buscar.js"></script>

        <script>
            $(document).foundation();
            $(document).ready(function() {
                $('.changeImage').click(function (){
                    $('.foto-grande').hide();
                    var i = $(this).data('id');
                    $('#imagen'+i).show()
                })
                $('.fancybox').fancybox({
                    nextEffect : 'fade',
                    prevEffect : 'fade'
                });
            });
            function ajustarAlto () {
                var alto = $('.foto-grande img').height();
                $('.foto-grande-wrapper').height(alto+10)
            }
            $(window)
                .load(ajustarAlto)
                .resize(ajustarAlto)
        </script>
    </body>
</html>
